<template>
	<div>
		<a-button @click="axiosTest">Get Pong</a-button>
		<a-dropdown :trigger="['contextmenu']">
			<div class="bg-white text-center text-white">Right Click on here</div>
			<template #overlay>
				<a-menu>
					<a-menu-item key="1">1st menu item</a-menu-item>
					<a-menu-item key="2">2nd menu item</a-menu-item>
					<a-menu-item key="3">3rd menu item</a-menu-item>
				</a-menu>
			</template>
		</a-dropdown>
		<a-space>
			<div class="p-6 max-w-sm bg-white rounded-xl shadow-lg flex items-center space-x-4">
				<div class="shrink-0">
					<img class="h-12 w-12" src="/vite.svg" alt="ChitChat Logo" />
				</div>
				<div>
					<div class="text-xl font-medium text-black">ChitChat</div>
					<p class="text-slate-500">You have a new message!</p>
				</div>
			</div>
			<div class="p-6 max-w-sm bg-white rounded-xl shadow-lg flex items-center space-x-4">
				<div class="shrink-0">
					<img class="h-12 w-12" src="/vite.svg" alt="ChitChat Logo" />
				</div>
				<div>
					<div class="text-xl font-medium text-black">ChitChat</div>
					<p class="text-slate-500">You have a new message!</p>
				</div>
			</div>
		</a-space>
	</div>
</template>
<script setup lang="ts">
	import { Get } from '@/utils/axios/request'
	import { push } from 'notivue'
	function axiosTest() {
		Get('/ping', null).then((data: any) => {
			push.success({
				title: '获取成功',
				message: data,
			})
		})
	}
</script>
